<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件拷贝</title>
    <script src="../jQuery/jQuery.js"></script>
</head>
<body>
    <script>
        $(function(){
            /* var targetObj={}; //空对象
            var obj={
                id:1,
                name:"andy"
            }; */
            //$.extend(target,obj);
            //$.extend(targetObj,obj); //把第二个对象obj拷贝到第一个对象targetObj
            //console.log(targetObj);
            // var targetObj = {
            //      id: 0
            //  };
            //  var obj = {
            //      id: 1,
            //      name: "andy"
            //  };
            //  // $.extend(target, obj);
            //  $.extend(targetObj, obj);
            //  console.log(targetObj); // 会覆盖targetObj 里面原来的数据
            var targetObj={
                id:0,
                msg:{
                    age:20
                }
            }
            var obj={
                id:1,
                name:"andy",
                msg:{
                    age:18
                }
            }
            //1.浅拷贝把原来对象里面的复杂数据类型地址拷贝给目标对象
            // $.extend(targetObj,obj);  //默认是false (浅拷贝)
            // console.log(targetObj);
            // console.log(obj);
        //1.深拷贝把里面的数据完全复制一份给目标对象 如果里面有不冲突的属性,会合并到一起
        //如果有冲突,后面的会把前面的覆盖掉
            $.extend(true,targetObj,obj);  //默认是false (浅拷贝) true(深拷贝)
            console.log(targetObj);
            console.log(obj);
        })
    </script>
</body>
</html>